/**
 * 
 */
function DrawChart(chartType, chartid, dataArray){
	switch (chartType) {
	case "pie": {
		Pie(chartid, dataArray);// 鏁版嵁宸瞝ist鏂瑰紡浼犺繘鏉ュ悗锛屽皢dataarray鏀逛负List銆恑銆�
		break;
	}
	case "bar": {
		Bar(chartid,dataArray);
		break;
	}
	}
}


function Bar(chartid,dataArray) {

	// 浣跨敤
	require([ 'echarts', 'echarts/chart/bar' // 浣跨敤鏌辩姸鍥惧氨鍔犺浇bar妯″潡锛屾寜闇�姞杞�
	], function(ec) {
		// 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts鍥捐〃
		var myChart = ec.init(document.getElementById(chartid));

		var option = {
			    title : {
			        text: '某地区蒸发量和降水量',
			        subtext: '纯属虚构'
			    },
			    tooltip : {
			        trigger: 'axis'
			    },
			    legend: {
			        data:['蒸发量','降水量']
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataView : {show: true, readOnly: false},
			            magicType : {show: true, type: ['line', 'bar']},
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    calculable : true,
			    xAxis : [
			        {
			            type : 'category',
			            data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
			        }
			    ],
			    yAxis : [
			        {
			            type : 'value'
			        }
			    ],
			    series : [
			        {
			            name:'蒸发量',
			            type:'bar',
			            data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
			            markPoint : {
			                data : [
			                    {type : 'max', name: '最大值'},
			                    {type : 'min', name: '最小值'}
			                ]
			            },
			            markLine : {
			                data : [
			                    {type : 'average', name: '平均值'}
			                ]
			            }
			        },
			        {
			            name:'降水量',
			            type:'bar',
			            data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
			            markPoint : {
			                data : [
			                    {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
			                    {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
			                ]
			            },
			            markLine : {
			                data : [
			                    {type : 'average', name : '平均值'}
			                ]
			            }
			        }
			    ]
			};
			                    

		// 涓篹charts瀵硅薄鍔犺浇鏁版嵁
		myChart.setOption(option);
	});
}

function Pie(chartid, dataArray) {
	// 浣跨敤
	require([ 'echarts', 'echarts/chart/pie' // 浣跨敤鏌辩姸鍥惧氨鍔犺浇bar妯″潡锛屾寜闇�姞杞�
	], function(ec) {
		// 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts鍥捐〃
		var myChart = ec.init(document.getElementById(chartid));
		option = {
			tooltip : {
				trigger : 'item',
				formatter : "{a} <br/>{b} : {c} ({d}%)"
			},
			calculable : true,
			series : [ {
				name : dataArray[0],
				type : 'pie',
				radius : [0,20],
				center : [ '50%', '50%' ],
				data : dataArray[1]
			},{
	            name:dataArray[0],
	            type:'pie',
	            radius : [30, 40],
	            data:dataArray[2]
	        } ]

//			itemStyle : {
//				normal : {
//					label : {
//						show : false
//					},
//					labelLine : {
//						show : false
//					}
//				},
//				emphasis : {
//					label : {
//						show : true,
//						position : 'outer'
//					},
//					labelLine : {
//						show : true,
//						lineStyle : {
//							color : 'red'
//						}
//					}
//				}
//			}
		};

		// 涓篹charts瀵硅薄鍔犺浇鏁版嵁
		myChart.setOption(option);
	});
}